<template>
    <div class="FifthC">
<img src="../../Github.images/04.svg" alt="" class="Fifthimg">
<div class="Fifth2">
    <div class="Fifth21">
        <h3 class="FifthP1">Write better code</h3>
        <p class="FifthP2">Collaboration makes perfect. The conversations and code reviews that happen in pull requests help your team share the weight of your work and improve the software you build. <span href="" class="FirthP3">Learn about code review.</span></p>
    
    </div>
        <div class="Fifth21">
        <h3 class="FifthP1">Manage your chaos</h3>
        <p class="FifthP2">Take a deep breath. On GitHub, project management happens in issues and project boards, right alongside your code. All you have to do is mention a teammate to get them involved.  <span href="" class="FirthP3">Learn about project management.</span></p>
    
    </div>
        <div class="Fifth21">
        <h3 class="FifthP1">Find the right tools</h3>
        <p class="FifthP2">Browse and buy apps from GitHub Marketplace with your GitHub account. Find the tools you like or discover new favorites—then start using them in minutes.  <span href="" class="FirthP3">Learn about integrations.</span></p>
    
    </div>
</div>
    </div>
</template>
<style scoped>
.FifthC{
    display: flex;
    width: 1248px;
    height: 690px;
    margin: 0 auto;
    padding-top: 40px;
    
}
.Fifthimg{
    flex: 1.5;
    height: 633.13px;
}
.Fifth2{
    flex: 1;
}
.Fifth21:hover{
    border: solid 1px #d1d5da ;
    box-shadow: 5px 5px 5px #d1d5da;
    transition: all 0.5s;
}
.Fifth21{
    padding: 24px;
    border: 1px solid transparent;
}
.FifthP1{
    margin-bottom: 10px!important;
    font-size: 20px;
    font-weight: 400;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
}
.FifthP2{
    font-size: 14px;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
width: 362px;
display: inline-block;
}
.FirthP3{
     font-size: 14px;
     border-bottom: #87b9f3 1px solid;
     line-height: 20px;
     color: #87b9f3;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
}
.FirthP3:hover{
    border-bottom: #1074e7 1px solid;
    color:#1074e7;
    transition: all 0.5s;
}
</style>